<!doctype html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="zh" > <!--<![endif]-->
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>基于HTML5 SVG的跨设备jQuery图表插件|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
	<!--<link href="dist/css/vendor/normalize.css" media="screen" rel="stylesheet" type="text/css" />-->
	<link href="dist/css/vendor/foundation.css" media="screen" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="css/default.css">
	<link href="dist/css/pizza.css" media="screen, projector, print" rel="stylesheet" type="text/css" />
	<script src="dist/js/vendor/modernizr.js"></script>

	<!--[if IE]>
		<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body>
	<article class="htmleaf-container">


		  <div class="row">
		    <div class="large-4 small-4 columns">
		      <ul data-line-id="line" style="list-style: none">
		        <li data-y="0" data-x="0"></li>
		        <li data-y="10" data-x="10"></li>
		        <li data-y="20" data-x="20"></li>
		        <li data-y="30" data-x="30"></li>
		        <li data-y="35" data-x="40"></li>
		        <li data-y="50" data-x="200"></li>
		      </ul>
		    </div>
		    <div class="large-8 small-8 columns">
		      <div id="line" style="height: 450px;"></div>
		    </div>
		  </div>
	</article>
	
	<script src="http://libs.useso.com/js/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
	<script src="dist/js/vendor/dependencies.js"></script>
  	<script src="dist/js/pizza.js"></script>
  	<script>
    $(window).load(function() {
      Pizza.init();
      $(document).foundation();
    });
  	</script>
</body>
</html>